<template>
  <div class="app-container">
    <div class="app-container-inner">
      <h2 style="text-align: center">欢迎使用智慧党建系统</h2>
      <el-carousel :interval="4000" height="370px">
        <el-carousel-item v-for="item in carouseData" :key="item">
          <img :src="item.url" alt="" />
        </el-carousel-item>
      </el-carousel>
      <div class="text">
        &emsp;&emsp;本网站是由中山大学软件工程学院设计开发，服务于软件工程学院党员的智慧平台，同学们可以通过次平台了解软件工程学院的
        入党全流程，查看自己此时处于的入党阶段，接收老师发送的入党通知信息，开会信息，查看入党所需材料。我们的系统将会伴随每
        一位软工党员走完从递交入党申请书，成为积极分子，发展对象，预备党员，正式党员的全流程。</div
      >
      <div>
        &emsp;&emsp;请注意，此系统将会结合你的钉钉进行消息的通知，党员同志在手机号码的填写上不能马虎，以防入党信息未能
        及时通知导致入党流程出现差错。</div
      >
      <div>
        &emsp;&emsp;本系统为入党的同学提供了每一个入党流程的指引文件（见入党流程）和总指引文件（点击头像可以看到下载按钮），同学们可根据总指引文件的指导，清楚知道每一个入党流程需要提交的信息。</div
      >
    </div>
  </div>
</template>
<script setup lang="ts">
  import { onMounted, onUnmounted } from 'vue'
  import { useUserStore } from '../../store/modules/user'
  import { Cloud } from 'laf-client-sdk'
  import { getAccountInfo } from '../../lafSdkCollection/getAccountInfo'
  import watermark from '@/utils/watermark.js'
  const cloud = new Cloud({
    baseUrl: 'https://su75ks.laf.run', // <APP_ID> 在首页应用列表获取
    getAccessToken: () => userStore.token, // 这里不需要授权，先填空
  })
  const carouseData = [
    { url: 'https://oss.laf.run/su75ks-account-create/static/1.jpg' },
    { url: 'https://oss.laf.run/su75ks-account-create/static/2.jpg' },
    { url: 'https://oss.laf.run/su75ks-account-create/static/3.jpg' },
    { url: 'https://oss.laf.run/su75ks-account-create/static/4.jpg' },
  ]
  const userStore = useUserStore()
  const getInfo = async () => {
    const res = await getAccountInfo(userStore.email)
    userStore.userInfo = res.data.info
    userStore._id = res.data._id
    userStore.name = res.data.name
    userStore.num = res.data.num
    userStore.phone = res.data.phone
    const branch = await cloud.invoke('personGetBranch')
    userStore.branch_name = branch.branch_name
    userStore.admin = branch.admin
  }
  const setWaterMark = () => {
    //添加水印
    watermark.set(userStore.name, userStore.num)
    //移除水印,传 null 移除水印
    //watermark.close()
  }
  onUnmounted(async () => {
    watermark.close(null)
  })
  onMounted(async () => {
    await getInfo()
    setWaterMark()
  })
</script>

<style scoped lang="scss">
  @import './index';
  .text {
    size: large;
    margin-top: 3%;
  }

  ::v-deep(.el-carousel) {
    width: 100%;

    .el-carousel__container {
      height: auto;
    }

    img {
      height: 100%;
      display: block;
      margin: auto;
    }

    .el-carousel__indicators--horizontal {
      background: #00000030;
    }
  }
</style>
